/*
 * @description:
 * @version:
 * @Author: 王治飞
 * @Date: 2023-08-18 15:21:38
 * @LastEditors: 王治飞
 * @LastEditTime: 2023-08-18 17:33:26
 */
import PropTypes from 'prop-types'
import React, { memo } from 'react'
import { RoomWarp } from './style'

const Room = memo(props => {
  const { info = {}, width } = props
  return (
    <RoomWarp width={width}>
      <div className="room">
        <img src={info.picture_url} alt="" />
      </div>
      <p className="detail">{info?.verify_info?.messages?.join(' · ')}</p>
      <p className="name">{info.name}</p>
      <p className="price">¥ {info.price}/晚</p>
    </RoomWarp>
  )
})

Room.propTypes = {
  info: PropTypes.object
}

export default Room
